import React, { memo } from 'react'
import type { ReactNode } from 'react'

interface IProps {
  children?: ReactNode
  name: string
  age: number
  height?: string
}

const Demo: React.FC<IProps> = (props) => {
  return (
    <div>
      <div>Demo</div>
      <div>姓名: {props.name}</div>
      <div>年龄: {props.age}</div>
      <div>身高: {props.height}</div>
      <div>{props.children}</div>
    </div>
  )
}

export default memo(Demo)
